@extends('admin.public.admin')

@section('main')

	<!-- 引入CSS -->
	<link rel="stylesheet" href="/up/uploadify.css">
	<!-- 引入JQ -->
	<!--引入过了-->
	<!-- 引入文件上传插件 -->
	<script src="/up/jquery.uploadify.min.js"></script>

	<!--百度文本编辑器-->
	<script type="text/javascript" charset="utf-8" src="/baidu/ueditor.config.js"></script>
	<script type="text/javascript" charset="utf-8" src="/baidu/ueditor.all.min.js"> </script>
	<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
	<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
	<script type="text/javascript" charset="utf-8" src="/baidu/lang/zh-cn/zh-cn.js"></script>


<!-- 内容 -->
<div class="col-md-10">

	<ol class="breadcrumb">
		<li><a href="#"><span class="glyphicon glyphicon-home"></span> 首页</a></li>
		<li><a href="#">商品管理</a></li>
		<li class="active">商品添加</li>

		<button class="btn btn-primary btn-xs pull-right"><span class="glyphicon glyphicon-refresh"></span></button>
	</ol>

	<!-- 面版 -->
	<div class="panel panel-default">
		<div class="panel-heading">
			<a href="index.html" class="btn btn-danger"><span class="glyphicon glyphicon-trash"></span> 商品页面</a>
			<a href="{{asset('admin/goods/create')}}" class="btn btn-success"><span class="glyphicon glyphicon-plus"></span> 添加商品</a>




		</div>
		<div class="panel-body">
			<form action="{{asset('admin/goods')}}" method="post">

					{{csrf_field()}}

				<div class="form-group">
					<label for="">商品名</label>
					<input type="text" name="title" class="form-control" id="" placeholder="请输入商品名">
				</div>
				<div class="form-group">
					<label for="">商品简介</label>
					<textarea name="info" id="" class="form-control"  placeholder="请输入商品简介"></textarea>
				</div>
				<div class="form-group">
					<label for="">商品所属分类</label>
					<select name="cid" class="form-control" id="">
						<option value="">请选择商品分类</option>

						@foreach($data as $value)
							@if($value->size==2)
								<option value="{{$value->id}}">{{$value->html}}</option>
							@else
								<option disabled value="{{$value->id}}">{{$value->html}}</option>
							@endif


						@endforeach

					</select>
				</div>
				<div class="form-group">
					<label for="">商品价格</label>
					<input type="text" name="price" placeholder="请输入商品价格" class="form-control" id="" placeholder="请输入SORT">
				</div>
				<div class="form-group">
					<label for="">商品库存</label>
					<input type="text" name="num" placeholder="请输入商品库存" class="form-control" id="" placeholder="请输入SORT">
				</div>

				<div class="form-group">
					<label for="">商品封面图片</label>
						<input type="file" name="" id="uploads">
						<div id="main">

						</div>
						<input type="hidden" name="img" id="imgs">
				</div>
				<div class="form-group">
					<label for="">商品多图片</label>
						<input type="file" name="" id="uploads1">
						<div id="main1">

						</div>
						<input type="hidden" name="imgs" id="imgs1">
				</div>

				<div class="form-group">
					<label for="">商品简介</label>
					<script id="editor" type="text/plain" name="text" style="width:100%;height:300px;"></script></div>
                <div class="form-group">
                    <label for="">商品配置</label>
                    <script id="editor1" type="text/plain" name="config" style="width:100%;height:300px;"></script></div>

				<div class="form-group">
					<input type="submit" value="提交" class="btn btn-success">
					<input type="reset" value="重置" class="btn btn-danger">
				</div>

			</form>
		</div>

	</div>
</div>

	<script type="text/javascript">
        //当所有HTML代码都加载完毕
        $(function(){
			//商品详情的百度编辑器
            //实例化编辑器
            //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
            var ue = UE.getEditor('editor');
            var ue1 = UE.getEditor('editor1');

            //声明字符串
            var imgs="";

            //使用 uploadify 插件
            $('#uploads').uploadify({
                //设置文本
                'buttonText':'图片上传',
                //设置文件传输数据
                'formData':{
                    '_token':'{{csrf_token()}}',
                    'files':'goods',
                },
                //上传的flash动画
                'swf' :"/up/uploadify.swf",
                //文件上传地址
                'uploader':"{{ asset('admin/shangchuan') }}",
                //当文件上传成功
                'onUploadSuccess':function(file,data,response){

                    //alert(data);

                    //拼接字符串
                    imgs="<img width='200px' src='/Uploads/goods/"+data+"'>";
                    //展示图片
                    $("#main").html(imgs);
                    //隐藏域传递数据
                    $('#imgs').val(data);

                }

            });

        });

        //商品的多图片上传
        $(function(){
            //声明字符串
            var imgs1="";
		var arr=[];

            //使用 uploadify 插件
            $('#uploads1').uploadify({
                //设置文本
                'buttonText':'多图片上传',
                //设置文件传输数据
                'formData':{
                    '_token':'{{csrf_token()}}',
                    'files':'goods',
                },
                //上传的flash动画
                'swf' :"/up/uploadify.swf",
                //文件上传地址
                'uploader':"{{ asset('admin/shangchuan') }}",
                //当文件上传成功
                'onUploadSuccess':function(file,data,response){

                    //alert(data);

                    //拼接字符串
                    imgs1+="<img width='200px' src='/Uploads/goods/"+data+"'>";

					arr.push(data);//每次上传成功的图片都追加到数组
                    //展示图片
                    $("#main1").html(imgs1);
                    //隐藏域传递数据
                    $('#imgs1').val(arr.join(','));//数组拼接成字符串..带到下一个页面

                }

            });

        });

	</script>

	@endsection